<style>
.item1{
	color: #2dbb55;
	border-color: #2dbb55;
	border: 1px solid #2dbb55;
	background: #fff;
}
.tag {color: #ff9f00;display: inline-block;height: 0.8rem;line-height: 0.76rem;padding: 0 5px;margin-right: 6px;border: 1px solid #ff9f00;border-radius: 6px;box-sizing: border-box;font-size: 0.4rem;}

</style>
<div class="order-list-page">
		<!--搜索-->
	<div class="fui-searchbar bar">
			<div ng-class="{'searchbar center':1,'searchbar-active':pagedata.searchbar ==1}">
						<input type="button" ng-click="access(pagedata.op,made_query(pagedata.params))"  value="搜索" class="searchbar-cancel searchbtn">
						<div class="search-input" ng-click="pagedata.searchbar =1">
							<input type="search" placeholder="输入关键字" class="search" ng-model="pagedata.params.keyword">
						</div>
			</div>
		</div>
	<!--轮播图-->
	<div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
		<div class="carousel-inner" role="listbox" style="height:auto">
			<div ng-class="{'item':1,'active':$index==0}" ng-repeat="item in pagedata.pluginset.hdps">
				<a href="{{item.url}}">
					<img src="{{tomedia(item.picurl) || '../core/resource/images/banner-1.jpg'}}" style="display: block; width: 100%; height: auto;">
				</a>
			</div>
		</div>
		<style>
			.fui-swipe-page .fui-swipe-bullet {background: {background}; opacity: {opacity};}
			.fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
		</style>
		<div id="carousel-jinyun" class="fui-swipe-page" style="padding: 0 5px; bottom: 10px; ">
			<div class="fui-swipe-bullet" ng-repeat="item in pagedata.banner" ng-class="{'active':$index==0}" data-target="#carousel-container" data-slide-to="{{$index}}"></div>
		</div>
	</div>
	<!--
	<div style="background: #fff;height:3rem;">
		<ul style="list-style: none;padding: 0.5rem;">
			<li style='float: left;width: 33.333333%;padding: 0.133333rem;box-sizing: border-box;'>
				<a style='color: #333;text-decoration: none;display: block;height: 1.4rem;line-height: 1.4rem;padding: 0 0.2rem;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border: 1px solid #efeff4;'>省心跟团游</a>
			</li>
			<li style='float: left;width: 33.333333%;padding: 0.133333rem;box-sizing: border-box;'>
				<a style='color: #333;text-decoration: none;display: block;height: 1.4rem;line-height: 1.4rem;padding: 0 0.2rem;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border: 1px solid #efeff4;'>快乐自助游</a>
			</li>
			<li style='float: left;width: 33.333333%;padding: 0.133333rem;box-sizing: border-box;'>
				<a style='color: #333;text-decoration: none;display: block;height: 1.4rem;line-height: 1.4rem;padding: 0 0.2rem;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border: 1px solid #efeff4;'>特色游</a>
			</li>
		</ul>
	</div>
	-->
    <div style="top:;margin-top: 14.4px;background: #fff;">
		<div style="padding: 0.333333rem;font-size: 0.8rem;">路线推荐</div>
        <div class="fui-tab-scroll" style="padding:0 0 18px 18px;height:7rem;">
            <ul style="list-style: none;position: relative;width: 100%;height: 100%;z-index: 1;display: flex;box-sizing: content-box;">
				<li ng-repeat="row in pagedata.hotlist" style="width:10rem;height:4rem;margin-right:14.4px;">
					<a href="javascript:;" ng-click="access_json('/way.detail//id='+row.id)" title="row.title">
						<div>
							<img ng-src="{{tomedia(row.thumb)}}" style="width:10rem;height:4rem;"/>
						</div>
						<div>
							<div style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;">{{row.title}}</div>
							<div style="color: #f70;margin-top: 0.08rem;">
								&yen;<span style="font-size:0.8rem;">{{row.price}}</span>起
							</div>
						</div>
					</a>
				</li>
            </ul>
        </div>
    </div>
	<div style='margin:14.4px 0 2.2rem 0;background: #fff;padding-bottom:3rem'>
		<div class="fui-picturew fui-card-list">
			<ul style="list-style: none;">
				<li ng-repeat="item in pagedata.list" style="padding: 5px;height:226.56px;" >
					<div class="item" style="padding: 5px;" ng-click="access_json('/way.detail//id='+item.id)">
						<div style="position:relative;">
							<img style="height:7rem;width:100%;" src="{{tomedia(item.thumb) || '../core/resource/images/nopic.jpg'}}"/>
							<span style="color: #fff;display: block;position: absolute;top: 0.6rem;left: 0.6rem;z-index: 9;height: 2.2rem;line-height: 2.1rem;padding: 0 0.5rem;font-size: 0.86667rem;border-radius: 1.06rem;transform: scale(.5);    transform-origin: left top;background: rgba(0,0,0,.6);">
								<i class="icon jinyunicon icon-position"></i>
								{{item.departure_address}}出发
							</span>
							<span style="color: #fff;display: block;height: 2.2rem;line-height: 1.6rem;padding: 0.4rem 0.4rem;position: absolute;bottom: 0.66667rem;z-index: 9;font-size: 0.86667rem; border-radius: 0.5rem;transform: scale(.5);background: #f70;transform-origin: left bottom;line-height:center;">&yen;
								<span style="margin: 0;padding: 0;font-size:1.2rem;">{{item.price}}</span>起
							</span>
							<div style="position: absolute;bottom:0.5rem;left:0;width: 100%;height: 0.8rem;padding-right: 0.4rem;z-index: 8;text-align: right;">
								<span style="color: #fff;display: inline-block;line-height: 0.8rem;margin-left: 0.4rem;font-size: 0.62rem;">86人出游</span>
								<span style="color: #fff;display: inline-block;line-height: 0.8rem;margin-left: 0.4rem;font-size: 0.62rem;">100%满意</span>
							</div>
						</div>
						<div style="padding: 0 0.533333rem;">
							<div style="padding: 0.2rem 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 0.78rem;">{{item.title}}</div>
							<div class="text center" style="color: #999;">
								<div class="overflow-h2" ng-bind-html="trust(item.desc)"></div>
							</div>
							<div style="width: 200%;height: 1.2rem;overflow: hidden; margin-bottom:0.1rem;">
								<span ng-repeat="v in item.tags" class="tag">{{v}}</span>
							</div>
						</div>
					</div>
				</li>
			</ul>
			<div style="border-top: 1px solid #efeff4;">
				<a ng-click="access_json('jy_tour/way.list/');" style="color: #2dbb55;display: block;padding: 0.32rem 0 0.4rem;text-align: center;font-size: 0.64rem;">查看更多热门路线</a><i></i>
			</div>
		</div>
	</div>
</div>
<div ng-include="sys_html('_footer')"></div>
<script>
scope.pagedata.type='feiji';
scope.tool.get_list('jy_tour/way.index/list/',true);
scope.pagedata.scroll_bottom=function(){
	scope.tool.get_list('jy_tour/way.index/list/');
}
</script>